<!--
 * @authors 沙洲 chenchenyixin@qq.com http://gitee.com/shazhou
 * @date    2019-12-30 11:38:00
-->
<template>
  <swiper class="swiper" :options="options" :not-next-tick="options.notNextTick">
	    <swiper-slide v-for="(item,index) of items" :key="index" @click="href(item.href)">
	    	{{item.dsc}}
	    	<nut-icon type="right" size="12px" color="#eaeaea"></nut-icon>
	    </swiper-slide>
	    <!-- <div v-if="options.pagination" class="swiper-pagination" slot="pagination"></div> -->
	  </swiper>
  </section>
</template>

<script>

export default {
  name: 'Tswiper',
  data(){
	  return{

	  }
  },
  props:{
  	cname: {
      type: String,
      default: "",
    },
  	options:{
  		type:Object,
  		default(){
  			return{
  				direction:'vertical',
  				autoplay:{
  					autoplay:true,
            delay:2000,
  				},
  				loop:true,
  				pagination: {
	          el: '.swiper-pagination'
	        },
	        notNextTick:false
  			}
  		}
  	},
  	items:{
  		type:Array,
  		default(){
  			return [{
  				href:'',
  				src:''
  			}]
  		}
  	}
  },
  components:{

  },
  created(){

  },
  mounted(){

  },
  methods:{

  }
}
</script>
<style lang="stylus" scoped>
.swiper{width:100%;background:#eee;touch-action: none;}
.swiper>>>.swiper-pagination-bullet-active{background:#fff;}
.swiper .swiper-slide{height:100%;}


</style>


